<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css"> 

#head { 
height: 45px; 
width: 100%; 
background-color: #222; 
} 
#nav ul{ 
margin: 0 0 0 30px; 
padding-top:15px;
font-size: 18px; 
color: #FFF; 
line-height: 30px; 
white-space: nowrap; 
} 
#ulnav ul{ 
margin: 0 0 0 30px; 
padding-top:15px;
font-size: 18px; 
color: #FFF; 
line-height: 30px; 
white-space: nowrap; 
} 
#nav li{ 
list-style-type: none; 
display: inline; 
} 
#ulnav li{ 
list-style-type: none; 
display: inline; 
} 
#nav li a { 
text-decoration: none; 
font-family: '微软雅黑';
font-size:18px; 
padding: 16px 25px; 
color: white; 
} 
#ulnav li a{ 
text-decoration: none; 
font-family: '微软雅黑';
font-size:15px; 
padding: 16px 25px; 
color: #dcdcdc; 
} 
#ulnav li a:hover { 
color: white; 
} 
#nav li a:hover { 
color: white; 
background-color: #006bc7; 
} 
#nav li a:VISITED { 
color: white; 
background-color: #006bc7; 
} 
</style> 
</head> 
<body> 
<div id="head"> 
<div style="height: 100%;width: 200px;border:red 1px solid;float: left;"></div>
<div style="height: 100%;width: 400px;border:red 1px solid;float: left;" id="nav">
<ul> 
<li style="margin-left: -50px;"><a href="http://www.jb51.net/"><img alt="" width="100px;" height="40px;" src="/image/gerenhead.png"></a></li> 
<li><a href="http://www.jb51.net/">品牌餐厅</a></li> 
</ul> 
</div>
<div style="height: 100%;width: 710px;float: right;" id="ulnav">
<div style="height: 100%;width: 420px;border:red 1px solid;float: left;" id="ulnav">
<ul>
<li><a>积分商城</a></li>
<li><a>客服中心</a></li>
<li><a>手机应用</a></li>
</ul>
</div>
<div style="height: 100%;width: 200px;border:red 1px solid;float: left;">

</div>
 </div>

</div> 
</body> 
</html>